<template>
  <div class="cover-loading">
    <img :src="imageList[type]" alt="" class="loading">
  </div>
</template>

<script>
export default {
  name: "CoverLoading",
  props:{
    type:{
      type: Number,
      default: 0,
    }
  },
  data(){
    return{
      imageList:['@/assets/images/load/resume.gif','@/assets/images/load/post.gif','@/assets/images/load/policy.gif']
    }
  },
}
</script>

<style scoped>
  .cover-loading{
    width: 100vw;
    height: 100vh;
    z-index: 999999999999;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(255,255,255,.5);
  }
  .loading{
    width: 300px;
    height: 300px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
  }
</style>
